<div class="layout">
  <div class="left f-l">
    <div class="logo f-l">
      <a href="/"><img src="/images/logo.png" alt="华为商城"></a>
    </div>
    <div class="nav-class">
      <a href="javascript:void(0)" class="link">
        全部商品分类
      </a>
      <div class="category"></div>
    </div>
    <div class="nav">
      <div class="clearfix">
        <ul class="nav-list">
          <li class="img"><a href="javascript:void(0)"><img src="/images/huawei-zhuanqu.png" alt="华为专区"></a></li>
          <li class="img"><a href="javascript:void(0)"><img src="/images/honor-zhuanqu.png" alt="荣耀专区"></a></li>
          <li><a href="javascript:void(0)">华为P40系列</a></li>
          <li><a href="javascript:void(0)">荣耀30系列</a></li>
          <li><a href="javascript:void(0)">安心家居</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="right f-r">
    <div class="search-bar">
      <div class="search-bar-form">
        <form>
          <input type="text" maxlength="200">
          <input type="submit" name="" id="">
        </form>
      </div>
    </div>
  </div>
</div>
